<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贷款计算</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body>
<div class="container">
    <div class="text-center">
        <img style="width: 100px;height: 100px" src="img/图片1.jpg" class="img-circle">
    </div>
    <div>
        <table class="table table-bordered table-striped text-center ">
            <tr >
                <td class="bg-primary" colspan="2">按揭贷款计算器</td>

            </tr>
            <tr>
                <td>贷款金额</td>
                <td><input class="form-control" placeholder="请输入贷款金额" type="text"></td>
            </tr>
            <tr>
                <td>贷款期限</td>
                <td><input type="text" placeholder="请输入贷款期数"></td>
            </tr>
            <tr>
                <td>年利率</td>
                <td><input type="text" value="4.35%"></td>
            </tr>
            <tr>
                <td>还款方式</td>
                <td>
                    <select>
                        <option>等额本息</option>
                        <option>等额本金</option>
                    </select>
                </td>
            </tr>
            <tr >
                <td colspan="2"><input class=" btn btn-primary btn-block" type="button" value="计算"></td>
            </tr>




        </table>
    </div>
</div>
</body>
</html>